.fileOperation {
    height: 45px;
    display: flex;
    justify-content: space-between;

    $liColor: #9900CC, #33CC00;

    .fileOperation-piece {
        width: 50%;
        display: flex;
        justify-content: space-evenly;
        padding: 0 20px;

        .fileOperation-icon {
            margin-top: 10px;
            font-size: 20px;
            color: white;
        }

        .fileOperation-title {
            line-height: 40px;
            font-weight: bold;
            color: white;
        }
    }
    @each $color in $liColor {
        $i: index($liColor, $color); // 获取 $c 在数组中的索引，并赋值给 $i 赋值用冒号，不是等号~！

        .fileOperation-piece:nth-child(#{$i}) {
            background-color: rgba($color: $color, $alpha: 0.8); // 背景色
            cursor: pointer;

            &:hover {
                background-color: rgba($color: $color, $alpha: 1);
            }
        }
    }
}